.b_sub-brands-chart
{
	display: flex;
	flex-direction: column;
	width: 100%;
	position: relative;
	padding: 60px 30px 60px 20px;
	align-items: center;
	gap: 30px;

	h2, .h2
	{
		font-weight: 400;
		font-style: normal;
		color: var(--color-neutrals-white);
		text-align: center;
	}

	p, .p
	{
		font-family: var(--font-headlines);
		font-size: 26px;
		font-weight: 400;
		font-style: normal;
		color: var(--color-neutrals-white);
		line-height: 30px /* 115% */;
		text-align: center;
	}

	.shared-card
	{
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 30px;
		position: relative;
		flex: 0 0 auto;
	}

	.shared-main-logo
	{
		position: relative;
		overflow: clip;
		object-fit: contain;
	}

	.shared-info
	{
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: flex-start;
		gap: 30px;
		position: relative;
		flex: 0 0 auto;
		list-style: none;
		padding-left: 0;
		margin: 0;
	}

	.shared-commercial-construction
	{
		display: flex;
		align-items: center;
		gap: 10px;
		position: relative;
		flex: 0 0 auto;

		&::before
		{
			content: "";
			width: 10px;
			height: 10px;
			background: url("/wp-content/acftb-content/acftb-blocks/Sub Brands Chart/images/square.svg") no-repeat center / contain;
			flex: 0 0 auto;
		}
	}

	div.shared-commercial-construction > p
	{
		color: var(--color-neutrals-white);
		font-family: var(--font-headlines);
		font-style: normal;
		font-size: 26px;
		font-weight: 400;
		line-height: 30px /* 115% */;
		text-align: center;
	}

	.shape
	{
		border-image-source: url("/wp-content/acftb-content/acftb-blocks/Sub Brands Chart/images/shape.svg");
		border-image-slice: 10 100 100 10 fill;
		border-image-width: 10px 100px 100px 10px;
		border-image-repeat: stretch;
		min-width: 110px;
		min-height: 110px;
		position: absolute;
		width: 100%;
		height: 100%;
		left: 0;
		top: 0%;
	}

	h2.title
	{
		position: relative;
		width: 100%;
	}

	.main-logo
	{
		width: 326px;
		flex: 0 0 98px;
	}

	.lines-small
	{
		display: flex;
		position: relative;
		flex: 0 0 auto;
		overflow: clip;
		object-fit: contain;
		width: auto;
	}

	.body
	{
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 30px;
		position: relative;
		flex: 0 0 auto;
	}

	.atm-logo
	{
		display: flex;
		flex: 0 0 100px;
		flex-shrink: 0;
	}

	.korfab-logo
	{
		display: flex;
		flex: 0 0 100px;
		flex-shrink: 0;
	}

	.card-3
	{
		justify-content: center;
	}

	.roxteel-logo
	{
		display: flex;
		flex: 0 0 100px;
		flex-shrink: 0;
	}

	@media (min-width: 1440px)
	{
		width: 100%;
		padding: 100px 260px 100px 60px;

		.shared-card
		{
			flex: 1 1 0%;
			min-width: 0;
		}

		.shared-main-logo
		{
			display: flex;
			position: relative;
			flex: 0 0 99.882px;
			width: 100%;
			overflow: clip;
			object-fit: contain;
			aspect-ratio: 283 / 100;
		}

		.shared-info
		{
			align-items: flex-start;
			width: 100%;
			justify-content: center;
		}

		.shared-commercial-construction
		{
			width: 100%;
			text-align: initial;
		}

		.shape
		{
			border-image-source: url("/wp-content/acftb-content/acftb-blocks/Sub Brands Chart/images/shape-2.svg");
			width: calc(100% - 168px);
			height: 101.07686951612207%;
			left: -6px;
			top: -0.44586899204702624%;
		}

		.body
		{
			justify-content: center;
			gap: 60px;
			width: 100%;
			flex-direction: initial;
		}

		.card-3
		{
			justify-content: initial;
		}

		.main-logo
		{
			width: 50%;
			overflow: clip;
		}

		.info
		{
			align-items: center;
			justify-content: initial;
		}
	}
}